<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_超链接</title>
</head>
<body>
<a href="https//www.baidu.com/">百度一下</a>
<a href="https://www.tmooc.cn">TMOOC官网</a>
<hr>
<a href="02_HTML基础标签.html">HTML基础标签</a>
<a href="05_表格插入.html">展示表格</a>
<hr>
<a href="1.jpg">即将打开一张图片</a>
<hr>
<h3>图片超链接</h3>
<a href="https://www.tmooc.cn/course/304914.shtml">
    <img src="img/2.jpg" alt="">
</a>
<h1>西游记</h1>
<a href="#c1">快速跳转到第1章</a>
<a href="#c2">快速跳转到第2章</a>
<a href="#c3">快速跳转到第3章</a>
<a href="#c4">快速跳转到第4章</a>
<h2 id="c1">第1章 石猴出世</h2>
<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa et incidunt magnam optio perspiciatis porro quod, ratione sit sunt temporibus! Ab commodi dolor doloribus ducimus, id libero quasi quo reiciendis.</span><span>Alias dolore minima molestiae quasi quia, similique vero. Alias aperiam asperiores at dolorum earum esse, harum laborum laudantium minus molestiae nam nemo nihil, odio pariatur placeat quibusdam, totam vel voluptatum.</span><span>Atque debitis ea illum magni maiores nulla odio, omnis placeat praesentium reprehenderit repudiandae ullam unde voluptate. Consequatur corporis ex exercitationem facilis, iusto magni maiores modi omnis provident sed similique tempore!</span><span>Accusamus, cupiditate distinctio esse ex facere ipsum iure laborum magnam nulla, numquam odio quidem repudiandae temporibus ullam voluptatum! Architecto beatae eligendi, iste natus necessitatibus quibusdam repellat suscipit unde voluptatem. Tenetur.</span><span>Architecto at aut consectetur consequatur deserunt, doloribus facere illo ipsam natus numquam placeat possimus quia rem repellat soluta tenetur vero vitae. Enim, excepturi, repellat! Aliquid cupiditate ipsa omnis ratione repellendus!</span><span>Amet delectus dignissimos excepturi, id officia officiis placeat praesentium quaerat quia quidem quisquam sed voluptate voluptatem? Ab, assumenda dicta distinctio harum laborum numquam omnis, quia quis quos rem voluptatibus voluptatum?</span><span>Adipisci autem dolorum, excepturi nisi nostrum provident saepe! Aspernatur at aut corporis eaque earum, enim eveniet explicabo illum laboriosam, minima molestiae nam necessitatibus quas reprehenderit similique tempora tempore temporibus veritatis.</span><span>Aut cupiditate delectus sint sit. A aut quos sapiente tempore, unde vel voluptate. Dicta dolorem doloremque doloribus excepturi maxime nesciunt nobis, numquam officia officiis porro reprehenderit sit suscipit vel voluptate.</span><span>Accusantium alias amet cumque delectus dignissimos doloremque eveniet excepturi fuga fugiat fugit laudantium magnam magni, minima perferendis quaerat reprehenderit repudiandae similique sit soluta tempora totam velit veritatis voluptate! Consectetur, dolor!</span><span>Aliquam amet dignissimos et ex, sint suscipit voluptas voluptate. Ad at eius, illo nobis optio quaerat quibusdam quidem reiciendis sed sit tempore temporibus ullam voluptate? Accusamus eius odio suscipit voluptate?</span>

</p>
<h2 id="c2">第2章 蓬莱学艺</h2>
<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa et incidunt magnam optio perspiciatis porro quod, ratione sit sunt temporibus! Ab commodi dolor doloribus ducimus, id libero quasi quo reiciendis.</span><span>Alias dolore minima molestiae quasi quia, similique vero. Alias aperiam asperiores at dolorum earum esse, harum laborum laudantium minus molestiae nam nemo nihil, odio pariatur placeat quibusdam, totam vel voluptatum.</span><span>Atque debitis ea illum magni maiores nulla odio, omnis placeat praesentium reprehenderit repudiandae ullam unde voluptate. Consequatur corporis ex exercitationem facilis, iusto magni maiores modi omnis provident sed similique tempore!</span><span>Accusamus, cupiditate distinctio esse ex facere ipsum iure laborum magnam nulla, numquam odio quidem repudiandae temporibus ullam voluptatum! Architecto beatae eligendi, iste natus necessitatibus quibusdam repellat suscipit unde voluptatem. Tenetur.</span><span>Architecto at aut consectetur consequatur deserunt, doloribus facere illo ipsam natus numquam placeat possimus quia rem repellat soluta tenetur vero vitae. Enim, excepturi, repellat! Aliquid cupiditate ipsa omnis ratione repellendus!</span><span>Amet delectus dignissimos excepturi, id officia officiis placeat praesentium quaerat quia quidem quisquam sed voluptate voluptatem? Ab, assumenda dicta distinctio harum laborum numquam omnis, quia quis quos rem voluptatibus voluptatum?</span><span>Adipisci autem dolorum, excepturi nisi nostrum provident saepe! Aspernatur at aut corporis eaque earum, enim eveniet explicabo illum laboriosam, minima molestiae nam necessitatibus quas reprehenderit similique tempora tempore temporibus veritatis.</span><span>Aut cupiditate delectus sint sit. A aut quos sapiente tempore, unde vel voluptate. Dicta dolorem doloremque doloribus excepturi maxime nesciunt nobis, numquam officia officiis porro reprehenderit sit suscipit vel voluptate.</span><span>Accusantium alias amet cumque delectus dignissimos doloremque eveniet excepturi fuga fugiat fugit laudantium magnam magni, minima perferendis quaerat reprehenderit repudiandae similique sit soluta tempora totam velit veritatis voluptate! Consectetur, dolor!</span><span>Aliquam amet dignissimos et ex, sint suscipit voluptas voluptate. Ad at eius, illo nobis optio quaerat quibusdam quidem reiciendis sed sit tempore temporibus ullam voluptate? Accusamus eius odio suscipit voluptate?</span>

</p>
<h2 id="c3">第3章 龙宫借宝</h2>
<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa et incidunt magnam optio perspiciatis porro quod, ratione sit sunt temporibus! Ab commodi dolor doloribus ducimus, id libero quasi quo reiciendis.</span><span>Alias dolore minima molestiae quasi quia, similique vero. Alias aperiam asperiores at dolorum earum esse, harum laborum laudantium minus molestiae nam nemo nihil, odio pariatur placeat quibusdam, totam vel voluptatum.</span><span>Atque debitis ea illum magni maiores nulla odio, omnis placeat praesentium reprehenderit repudiandae ullam unde voluptate. Consequatur corporis ex exercitationem facilis, iusto magni maiores modi omnis provident sed similique tempore!</span><span>Accusamus, cupiditate distinctio esse ex facere ipsum iure laborum magnam nulla, numquam odio quidem repudiandae temporibus ullam voluptatum! Architecto beatae eligendi, iste natus necessitatibus quibusdam repellat suscipit unde voluptatem. Tenetur.</span><span>Architecto at aut consectetur consequatur deserunt, doloribus facere illo ipsam natus numquam placeat possimus quia rem repellat soluta tenetur vero vitae. Enim, excepturi, repellat! Aliquid cupiditate ipsa omnis ratione repellendus!</span><span>Amet delectus dignissimos excepturi, id officia officiis placeat praesentium quaerat quia quidem quisquam sed voluptate voluptatem? Ab, assumenda dicta distinctio harum laborum numquam omnis, quia quis quos rem voluptatibus voluptatum?</span><span>Adipisci autem dolorum, excepturi nisi nostrum provident saepe! Aspernatur at aut corporis eaque earum, enim eveniet explicabo illum laboriosam, minima molestiae nam necessitatibus quas reprehenderit similique tempora tempore temporibus veritatis.</span><span>Aut cupiditate delectus sint sit. A aut quos sapiente tempore, unde vel voluptate. Dicta dolorem doloremque doloribus excepturi maxime nesciunt nobis, numquam officia officiis porro reprehenderit sit suscipit vel voluptate.</span><span>Accusantium alias amet cumque delectus dignissimos doloremque eveniet excepturi fuga fugiat fugit laudantium magnam magni, minima perferendis quaerat reprehenderit repudiandae similique sit soluta tempora totam velit veritatis voluptate! Consectetur, dolor!</span><span>Aliquam amet dignissimos et ex, sint suscipit voluptas voluptate. Ad at eius, illo nobis optio quaerat quibusdam quidem reiciendis sed sit tempore temporibus ullam voluptate? Accusamus eius odio suscipit voluptate?</span>

</p>
<h2>第4章 大闹地府</h2>
<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa et incidunt magnam optio perspiciatis porro quod, ratione sit sunt temporibus! Ab commodi dolor doloribus ducimus, id libero quasi quo reiciendis.</span><span>Alias dolore minima molestiae quasi quia, similique vero. Alias aperiam asperiores at dolorum earum esse, harum laborum laudantium minus molestiae nam nemo nihil, odio pariatur placeat quibusdam, totam vel voluptatum.</span><span>Atque debitis ea illum magni maiores nulla odio, omnis placeat praesentium reprehenderit repudiandae ullam unde voluptate. Consequatur corporis ex exercitationem facilis, iusto magni maiores modi omnis provident sed similique tempore!</span><span>Accusamus, cupiditate distinctio esse ex facere ipsum iure laborum magnam nulla, numquam odio quidem repudiandae temporibus ullam voluptatum! Architecto beatae eligendi, iste natus necessitatibus quibusdam repellat suscipit unde voluptatem. Tenetur.</span><span>Architecto at aut consectetur consequatur deserunt, doloribus facere illo ipsam natus numquam placeat possimus quia rem repellat soluta tenetur vero vitae. Enim, excepturi, repellat! Aliquid cupiditate ipsa omnis ratione repellendus!</span><span>Amet delectus dignissimos excepturi, id officia officiis placeat praesentium quaerat quia quidem quisquam sed voluptate voluptatem? Ab, assumenda dicta distinctio harum laborum numquam omnis, quia quis quos rem voluptatibus voluptatum?</span><span>Adipisci autem dolorum, excepturi nisi nostrum provident saepe! Aspernatur at aut corporis eaque earum, enim eveniet explicabo illum laboriosam, minima molestiae nam necessitatibus quas reprehenderit similique tempora tempore temporibus veritatis.</span><span>Aut cupiditate delectus sint sit. A aut quos sapiente tempore, unde vel voluptate. Dicta dolorem doloremque doloribus excepturi maxime nesciunt nobis, numquam officia officiis porro reprehenderit sit suscipit vel voluptate.</span><span>Accusantium alias amet cumque delectus dignissimos doloremque eveniet excepturi fuga fugiat fugit laudantium magnam magni, minima perferendis quaerat reprehenderit repudiandae similique sit soluta tempora totam velit veritatis voluptate! Consectetur, dolor!</span><span>Aliquam amet dignissimos et ex, sint suscipit voluptas voluptate. Ad at eius, illo nobis optio quaerat quibusdam quidem reiciendis sed sit tempore temporibus ullam voluptate? Accusamus eius odio suscipit voluptate?</span>

</p>



</body>
</html>